<template>
    <f7-page>
        <f7-block-title>第三方登录</f7-block-title>
        <f7-row style="margin-top: 14px;">
            <f7-col>
                <div class="" style="text-align: center;">
                    <f7-link tab-link="#tab-2">
                        <div>
                            <div>
                                <f7-icon size="32px" f7="chat"></f7-icon>
                            </div>
                            <span>QQ</span>
                        </div>
                    </f7-link>
                </div>
            </f7-col>

            <f7-col>
                <div class="" style="text-align: center;">
                    <f7-link tab-link="#tab-2">
                        <div>
                            <div>
                                <f7-icon size="32px" f7="placemark"></f7-icon>
                            </div>
                            <span>微信</span>
                        </div>
                    </f7-link>
                </div>
            </f7-col>

            <f7-col>
                <div class="" style="text-align: center;">
                    <f7-link tab-link="#tab-2">
                        <div>
                            <div>
                                <f7-icon size="32px" f7="fire"></f7-icon>
                            </div>
                            <span>微博</span>
                        </div>
                    </f7-link>
                </div>
            </f7-col>
            <!--          <f7-col>
                        &lt;!&ndash;空的一列&ndash;&gt;
                      </f7-col>-->
        </f7-row>
    </f7-page>
</template>

<script>
    export default {
    }
</script>

<style scoped>

</style>